var count = 0;

/*获取上面id为data的input标签的数据，此时为字符串，需要转为json对象*/
var jsonStr = $("#data").val();
/*转为json对象*/
var jsonObj = $.parseJSON(jsonStr);
//var index1 = new Array();
var SerialData = new Array();   //数组，Highcharts需要的一页数据
/*将所有数据添加到数组中*/
$.each(jsonObj,function (index,content) {
    // console.log("当前是第"+index+"个json对象：" + "id为："+content.id + "，voltage为："+content.voltage)
    //index1.push(content.id)
    SerialData.push(content.voltage);
})

//将一个数组分为若干个数组
var groupedArray = group(SerialData, 500);

function group(array, subGroupLength) {
    let index = 0;
    let newArray = [];
    while(index < array.length) {
        newArray.push(array.slice(index, index += subGroupLength));
    }
    return newArray;
}

Highcharts.setOptions({
    global: {
        useUTC: false
    }
});

var options = {
    chart: {
        type: 'spline',
        renderTo: 'main',
        // animation: Highcharts.svg,
        animation: false,
        //backgroundColor:'#000000',
        marginRight: 20,
        zoomType: 'x',
        panning: true,
        panKey: 'shift',     /*平移键，默认是 “Shift”*/

        events: {
            load: function () {//load表示的是在图表加载完时触发
                var series = this.series[0],
                    chart = this;

            }
        }
    },

    title: {
        text: ''
    },

    xAxis: {
        type: 'datetime',
        tickPixelInterval: 100,//设置刻度间隔 。该参数对分类坐标轴无效。对于 Y 轴，其默认值是72，X 轴则是 100

        labels:{
            enabled:false
        },
        lineWidth: 0,  //去掉x轴线
        tickWidth: 0,   //去掉刻度
    },

    yAxis:{
        title:{
            text:''
        },
        labels:{
            enabled:false
        },
        gridLineWidth: 0,
        // tickInterval:200,
        max:3000,
        min:1000
    },

    credits:{
        enabled:false
    },

    //数据点信息
    plotOptions: {
        spline: {
            lineWidth: 1,

            marker: {
                enabled: false
            },
        }
    },

    legend: {
        enabled: false
    },

    series: [{
        name: '',
        color:'#33ff33',
        // data: [].
        //传入数据
        data:groupedArray[0]
    }]
}


$(function () {

    // 图表初始化函数
    var chart = Highcharts.chart('container1', options);

});

